﻿@using System.Web.UI.WebControls
@*<div class="showBox">
	<ul>
		<li><a href="#"><img src="@Url.Content("~/Content/@Url.Content("~/Content/temp/show.png")"/></a></li>
	</ul>
</div>
<div class="showList">
	
</div>*@
@section CssLink
{
	<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/Gallery/jquery.ad-gallery.min.css")">
}
<div id="gallery" class="ad-gallery">
	<div class="ad-image-wrapper">
	</div>
	<div class="ad-controls">
	</div>
    <div class="ad-nav-wrapper-yjFix">
		<div class="ad-nav-wrapper">
			<div class="tl"></div><div class="rl"></div><div class="bl"></div><div class="br"></div>
			<div class="ad-nav">
				<div class="ad-thumbs">
					<ul class="ad-thumb-list">
						<li>
							<a href="@Url.Content("~/Content/temp/1.jpg")">
								<img src="@Url.Content("~/Content/temp/1.jpg")" longdesc="http://ccc.com">
							</a>
							<p class="name">标题标题</p>
						</li>
						<li>
							<a href="@Url.Content("~/Content/temp/10.jpg")">
								<img src="@Url.Content("~/Content/temp/10.jpg")" longdesc="http://bbb.com">
							</a>
							<p class="name">标题标题</p>
						</li>
						<li>
							<a href="@Url.Content("~/Content/temp/11.jpg")">
								<img src="@Url.Content("~/Content/temp/11.jpg")" longdesc="http://aaa.com">
							</a>
							<p class="name">标题标题</p>
						</li>
						<li>
							<a href="@Url.Content("~/Content/temp/12.jpg")">
								<img src="@Url.Content("~/Content/temp/12.jpg")" />
							</a>
							<p class="name">标题标题</p>
						</li>
						<li>
							<a href="@Url.Content("~/Content/temp/2.jpg")" id="t2">
								<img src="@Url.Content("~/Content/temp/2.jpg")" />
							</a>
							<p class="name">标题标题</p>
						</li>
						<li>
							<a href="@Url.Content("~/Content/temp/3.jpg")">
								<img src="@Url.Content("~/Content/temp/3.jpg")" />
							</a>
							<p class="name">标题标题</p>
						</li>
						<li>
							<a href="@Url.Content("~/Content/temp/4.jpg")">
								<img src="@Url.Content("~/Content/temp/4.jpg")" />
							</a>
							<p class="name">标题标题</p>
						</li>
						<li>
							<a href="@Url.Content("~/Content/temp/5.jpg")">
								<img src="@Url.Content("~/Content/temp/5.jpg")" />
							</a>
							<p class="name">标题标题</p>
						</li>
						<li>
							<a href="@Url.Content("~/Content/temp/6.jpg")">
								<img src="@Url.Content("~/Content/temp/6.jpg")" />
							</a>
							<p class="name">标题标题</p>
						</li>
					</ul>
				</div>
			</div>
		</div>
    </div>
</div>
<div id="descriptions" style="display: none;"></div>
@section scripts
{
	<script type="text/javascript" src="@Url.Content("~/Content/Gallery/jquery.ad-gallery.js")"></script>
	<script type="text/javascript">
	    $(function () {
	        var galleries = $('#gallery').adGallery({
	            width: 525,
	            height: 243,
	            display_next_and_prev: true,
	            update_window_hash: true,
	            scroll_jump: 0,
	            display_controls: false,
	            albums_full_size: true,
	            slideshow: {
	                enable: true,
	                autostart: true,
	                speed: 5000,
	                stop_on_scroll: true,
	                countdown_prefix: '(',
	                countdown_sufix: ')',
	                onStart: function() {
	                },
	                onStop: function() {
	                }
	            },
	            effect_random: true,
	            enable_keyboard_move: false,
	            description_wrapper: $('#descriptions'),
	            cycle: true
	        });
	        $("#gallery ul.ad-thumb-list li:last").addClass("last");
	    });
	</script>
}
